<!DOCTYPE html>
<html lang="en">
<head>
  <?php echo $this->Html->charset(); ?>
	<title>
		<?php echo $infojabotabek['site_name'] . ' :: '; ?>
		<?php echo $title_for_layout; ?>
	</title>
	<?php
		echo $this->Html->meta('icon');

		echo $this->Html->css('reset');
		echo $this->Html->css('text');
		echo $this->Html->css('960');
		echo $this->Html->css('map');
		echo $this->Html->css('style');
		echo $this->Html->css('scrollable-buttons.css');
		echo $this->Javascript->link('jquery');

		echo $scripts_for_layout;
	?>
</head>
<body>

<div id="top_container">
  <div class="container_12">
    <?php
      echo $this->element('header', array(
        'cache' => array('time'=> '+14 days', 'key' => 'top')
      ));
      echo $this->element('header.account');
      echo $this->element('header.navigation');
      echo $this->element('header.map');
    ?>
  </div>
</div>

<div class="container_12 canvas">
<?php
  echo $this->element('body.featured_places');
  echo $this->element('body.search');
  echo $this->element('body.front');
  echo $this->element('footer.banner');
  echo $this->element('footer.sitemap');
?>
</div>

<?php
  echo $this->element('footer');
?>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
$(function() {
  function loadMap() {
    var ll = new google.maps.LatLng(-34.397, 150.644);
    var opt = {
      zoom: 8,
      center: ll,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var el = $("#map-container");
    var map = new google.maps.Map(document.getElementById("map-container"), opt);
  }
  loadMap();
  $('#featured-places').scrollable();
});
</script>
</body>
</html>
